.fuzzy-search {
	// background: #fff;
	position: relative;
    // overflow: hidden;
	&__list {
		// overflow: hidden;
        // border:1px solid rgba(255,255,255,0);
        
		&__wrap {
            
            border-radius: 2px;
			position: absolute;
			width: 100%;
			background: hsl(var(--b1));
			// height: auto;
			max-height: 0;
			transition: max-height 0.3s;
            // overflow: hidden;
            overflow: auto;
            box-sizing: border-box;
		}
	}
	&__item {
		padding: 8px 8px;
		cursor: pointer;
        display: flex;
        justify-content: space-between;
        border-bottom:1px solid ;
        --tw-border-opacity: 1;
        border-color: hsla(var(--bc) / .2);
        // background: hsla(var(--b3)/.6);
		&:hover,&.hover {
			background: hsl(var(--b2));
		}
        &>.name{
            display: flex;
            align-items: flex-end;
            font-size: 1rem;
        }
        &>.id{
            display: flex;
            align-items: flex-end;
            flex:auto;
            padding:0 10px;
            font-size: .75rem;
            color: #aaa;
            // border:1px solid #f00;
        }
        &>.tips{
            display: flex;
            align-items: flex-end;
            color: #999;
        }
	}
	&.act {
		// border: 1px solid #f00;
		& > .fuzzy-search__list__wrap {
			max-height: 300px;
            border:1px solid ;
            --tw-border-opacity: 1;
            border-color: hsla(var(--bc) / .2);
            // border: 1px solid #ddd;
		}
	}
}